<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
  <title>kavadenn: {{community.name}}, Bretagne</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="Découvrir la Bretagne avec kavadenn: {{community.name}}, tourisme, voyage">
  <meta name="keywords" content="Bretagne,decouverte,tourisme,voyage">  
  <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />

  <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />
  <link rel="stylesheet" href="/static/css/jquery.fancybox-1.3.1.css" type="text/css" />

</head>
<body>

  <div id="header">
      <table width="100%">
        <tr valign="middle">
          <td><a href="/{{community.urlName}}/" id="logo">kavadenn</a></td>
          <td>
            <form style="display:inline;" action="/search/" method="POST" id="searchForm">
              <input id="searchBox" name="q" type="text" style="float:right;" placeholder="recherche" />
            </form>
          </td>    
        </tr>
      </table> 
    </div>
    
  <div id="content">
        
        <div id="photoSectionHeader">
            <h2 >{{community.name}} <span>PHOTOS</span> </h2>
            <a id="communityPageLink" href="/{{community.urlName}}/">page principale de {{community.name}}</a>
            <div style="clear:both;"></div>
        </div>
        
        <div>
         <div id="photoGallery">
           <ul class="tabs">
              <li><a href="#">Album {{community.name}}</a></li>
              <li><a href="#">Photos sur Flickr</a></li>
              <li><a href="#">Vos photos sur Flickr</a></li>
           </ul>
  
           <div class="panes">
           <div class="tab-pane">
                <div class="suggestionBox">
                    Cet album photo est collaboratif. Vous pouvez ajouter des images en consultant la séction <strong>Photos sur Flickr</strong>. Si vous avez des photos sur votre compte flickr que vous voulez partager, allez sur <strong>Vos photos sur flickr</strong> 
                </div>
                <div id="kavadenn-images-pane" class="imageAlbumContainer">
                  <ul>
                    {% if photos %}
                        {% for photo in photos %}
                          <li>
                            <center>
                              <a rel="{{photo.id}}" class="photo-thumb-link"><img src="{{ photo.thumb_url }}"></a>
                            </center>
                            
                          </li>
                        {%endfor%}                     
                    {%else%}
                      <div>pas d'images</div>
                    {%endif%}
                  </ul>       
                </div>
            </div> 
            <div class="tab-pane">
                <div class="suggestionBox">
                    Ces images sont automatiquement préselectionnnées depuis flickr. Vous pouvez les ajouter dans l'album officiel de {{community.name}} en appuyant sur <img src="/static/img/wires/photos/add-photo.png" />  
                </div>
                <div id="flickr-images-pane" class="imageAlbumContainer">
                  <ul>  
                  </ul>
                </div>  
                <div class="imageAlbumBottomToolbar" >
                  <button id="more-images-button">plus de photos</button>
                </div>
                
            </div>
          
            <div class="tab-pane">
                <div id="flickrConnectionPane">
                  Vous pouvez vous connecter avec votre compte Flickr et ajouter vos photos dans l'album publique de {{community.name}}!
                  <center>
                    <button id="flickr-connect-button">
                      Je me connecte sur Flickr
                    </button>
                  </center>  
                </div>
                
                <div id="flickr-user-images-pane" class="imageAlbumContainer">
                  <ul>
                  </ul>
                </div>
                <div class="imageAlbumBottomToolbar" >  
                  <button id="more-user-images-button">plus de photos</button>
                </div>
            </div> 
           </div>       
          
         </div>
         
         <div id="photoPane">
           <div id="photoPaneToolbar">
              <a id="backToGalleryBtn">&lt;&lt;retourner à l'album</a>
           </div>
           <div id="photoPaneContent">
              
           </div>           
         </div>
    </div>
    
    
    
    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.fancybox-1.3.1.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.md5.js"></script>
    <script src="/static/js/jquery/jquery.tabs.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/services/flickr.js"></script>
    <script type="text/javascript" src="/static/js/photos/PhotoAlbumApplication.js"></script>

    <script type="text/javascript">
        /* <![CDATA[ */
        
        var app = new kavadenn.PhotoAlbumApplication("{{community.urlName}}");
        
        function flickrAuth(){
          getFrob(function(d){
            var url = buildFlickrAuthenticationUrl(d.frob);
            window.open(url, "flickrAuth", "status = 1, height = 600, width = 800, resizable = 0");
          });
        }
        
        function gotFlickrAuthentication(frob){
          getFlickrToken(frob,function(d){
            $("#flickrConnectionPane").hide();
            app.runCurrentUserFlickrSearch();   
          });
        }
        
        $(document).ready(function() {
             app.initialize(); 
        });
        
        /* ]]> */
    </script>

    
</body>
</html>


